<template>
  <div class="box">
    <div class="boxa">
      <span @click="fun()"  class="iconfont icon-youjiantou3"></span>
      <span class="qr">确认订单</span>
    </div>
    <div class="boxq">
      <div class="boxb"   @click="ff()">
        <p class="p1">收货地址</p>
        <span class="iconfont icon-youjiantou1"></span>
      </div>
      <p class="p2">您还没有收货地址,请点击添加</p>
    </div>
    <div id="bigbox">
      <div class="red"></div>
      <div class="blue"></div>
      <div class="red"></div>
      <div class="blue"></div>
      <div class="red"></div>
      <div class="blue"></div>
      <div class="red"></div>
      <div class="blue"></div>
      <div class="red"></div>
      <div class="blue"></div>
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    fun(){
      this.$router.go(-1)
    },
    ff(){
      this.$router.push("/lll")
    }
  }
};
</script>

<style scoped>
.box {
  width: 3.42rem;
  /* height:.7rem ; */
  margin: 0 auto;
  /* background: pink; */
}
.boxa {
  height: 0.5rem;
  /* text-align: center; */
  line-height: 0.5rem;
}
.qr {
  font-size: 0.16rem;
  font-weight: 600;
  margin-left: 1.2rem;
}
.boxq {
  height: 0.9rem;
  /* background: palegreen; */
}
#bigbox {
  width: 100%;
  height: 0.02rem;
  display: flex;
  /* background: blue; */
  justify-content: space-between;
}
.red {
  width: 0.16rem;
  height: 0.03rem;
  background: red;
}
.blue {
  width: 0.16rem;
  height: 0.03rem;
  background: rgb(23, 23, 245);
}
.boxb {
  justify-content: space-between;
  display: flex;
  padding-top: 0.1rem;
}
.p1 {
  font-size: 0.15rem;
  font-weight: 600;
}
.p2 {
  font-size: 0.14rem;
}
</style>